.borrowed_details{
  .g-list{
    .u-hint{
      height:.5rem;
      line-height: .5rem;
      text-align: center;
      background: rgb(235,235,235);
      color:#666;
    }
    .g-money{
      height:1.2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
      .u-money{
        margin-top: .1rem;
        font-size:.4rem;
        color:red;
      }
      .u-btn{
        width:1.2rem;
        border-radius:30px 0 0 30px;
        position: absolute;
        background-color:skyblue;
        right:0;
        text-align: center;
        color:#fff;
      }
    }
    .g-record{
      margin-bottom: .2rem;
      display: flex;
      justify-content: space-evenly;
      .u-borrow{
        font-size:.16rem;
        color:#666;
      }
      .g-left{
        width:42%;
        margin-right:.6rem;
        border-right:1px solid #ccc;
      }
    }
  }
  .g-top,.g-center,.g-bottom{
    border-top:10px solid #ccc;
  }
  .g-list1{
    padding:0 .32rem;
    height:.8rem;
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;  
    display: flex;
    align-items: center;
    // color:#666;
    position: relative;
    .md-button.block{
      width:1.2rem;
      height:.4rem;
      font-size:.2rem;
      position: absolute;
      right:.4rem;
    }
    .md-icon.icon-font.md{
      margin-left:.2rem;
      color:red;
    }
    p{
      width:2rem;
    }
  }
  .g-list2{
    padding:0 .32rem;
    height:.8rem;
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;  
    display: flex;
    align-items: center;
    // color:#666;
    position: relative;
    .md-icon.icon-font{
      position: absolute;
      right:.2rem;
    }
    p{
      width:2rem;
    }
  }
}